<script setup lang="ts">

</script>

<template>
  <div class="flex flex-col items-center justify-center h-screen bg-gradient-to-b from-blue-500 to-purple-500 text-white">
    <h1 class="text-4xl font-bold mb-6">欢迎使用吃啥APP</h1>
    <div class="flex flex-col space-y-4">
      <RouterLink to="/login"><button class="login">登录</button></RouterLink>
      <RouterLink to="/register"><button class="register">注册</button></RouterLink>
    </div>
  </div>

</template>

<style>
.login{
  width: 200px;
  background-color: cornflowerblue;
  border-radius: 60px;
  height: 50px;
}
.register{
  width: 200px;
  border-radius: 60px;
  border: solid 1px white;
  height: 50px;
}

</style>
